html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
/* #content { width: 350px; height: 180px; } */
.state_table th { text-align: right; font-family: sans-serif; padding-right: 10px; 
		  padding-left: 10px; background-color: #00ffff; }
.state_table td { text-align: right; font-family: sans-serif; padding-right: 10px; 
		  padding-left: 10px; }
/* .title_antenna { position: absolute; left: 0px; top: 0px; text-align: left; */
/* 		 font-family: sans-serif; font-size: 80%; */
/* 		 font-weight: bold;} */
/* .title_name { position: absolute; right: 0px; top: 0px; text-align: left;  */
/* 	      font-family: sans-serif; font-size: 80%; */
/* 	      font-style: italic; } */
.title_antenna { float:left; text-align: left;
		 font-family: sans-serif; font-size: 80%;
		 font-weight: bold;}
.title_name { text-align: left; 
	      font-family: sans-serif; font-size: 80%;
	      font-style: italic; }

.state_table { font-style: normal; border: 1px solid black; 
	       border-collapse: collapse; }
#map_canvas { width: 500px; height: 550px; margin-right: 4px; float: right; }
#rightSide { width: 500px; float: right; margin-right: 10px; }
#antennaDetails { width: 300px; float: right; padding: 1em;
		  border-top: 2px solid #000000;
		  border-bottom: 2px solid #000000;
		  border-left: 2px solid #000000;
		  border-bottom-left-radius: 10px; 
		  border-top-left-radius: 10px; 
		  -moz-border-radius-bottomleft: 10px;
		  -moz-border-radius-topleft: 10px; }
#antennaNumber { float: left; font-weight: bold; font-family: sans-serif;
		 font-size: 80%; text-align: left; }
#antennaName { float: right; font-weight: italic; font-family: sans-serif;
	       font-size: 80%; text-align: right; font-style: italic; }
#antennaPosition { clear: both; font-family: sans-serif; font-size: 80%;
		   text-align: left; }
#antennaImage { float: left; }
#antennaImage img { max-width: 120px; padding: 4px; }
#antennaState { text-align: center; padding-top: 1em; }
#antennaNav { clear: both; width: 100%; }
#antennaNavMinus { float: left; text-align: left; font-size: 80%; font-weight: bold; }
#antennaNavPlus { text-align: right; font-size: 80%; font-weight: bold; }
#prevAnt { cursor: pointer; }
#nextAnt { cursor: pointer; }
#text_content { padding-left: 8px; }
.topbacking { left: 0px; width: 100%; top: 0px; height: 80px; z-index: 1; 
	      background: #ffffff; clear: both; overflow: hidden; }
img { border: 0px; }
.csirologo { width: 70px; height: 70px; position: absolute; top: 0px; left: 0px; }
.main { background-image:url('csiro50backgr.gif'); border: 0px; width: auto;
	padding-top: 20px; height: 70px; margin: 0px; z-index: 0; right: 0px;
	color: white; position: absolute; background-repeat: no-repeat;
	overflow: hidden; font-family: sans-serif; top: 0px; left: 70px;
	font-weight: bold; padding-bottom: 0px; padding-left: 10px; }
.csiroend { position: absolute;
	    top: 0px; right: 0px; height: 70px; z-index: 1; }
.cass { font-size: 90%; }
.pagetitle { font-size: 150%; }

.detailswhite { background: -moz-linear-gradient(top, #fefefe, #e0e0e0);
		background: -webkit-gradient(linear,
					     left top, left bottom, from(#fefefe), 
					     to(#e0e0e0));
		filter: progid:DXImageTransform.Microsoft.Gradient(
                    StartColorStr='#fefefe', EndColorStr='#e0e0e0',
		    GradientType=0); }
.detailscyan { background: -moz-linear-gradient(top, #01fbe6, #00d3c1);
	       background: -webkit-gradient(linear,
					    left top, left bottom, from(#01fbe6), 
					    to(#00d3c1));
	       filter: progid:DXImageTransform.Microsoft.Gradient(
                   StartColorStr='#01fbe6', EndColorStr='#00d3c1',
		   GradientType=0); }
.detailsgreen { background: -moz-linear-gradient(top, #00fd00, #00d500);
		background: -webkit-gradient(linear,
					     left top, left bottom, from(#00fd00), 
					     to(#00d500));
		filter: progid:DXImageTransform.Microsoft.Gradient(
                    StartColorStr='#00fd00', EndColorStr='#00d500',
		    GradientType=0); }
.detailsgold { background: -moz-linear-gradient(top, #ffe014, #f5cc12);
	       background: -webkit-gradient(linear,
					    left top, left bottom, from(#ffe014), 
					    to(#f5cc12));
	       filter: progid:DXImageTransform.Microsoft.Gradient(
                   StartColorStr='#ffe014', EndColorStr='#f5cc12',
		   GradientType=0); }

.legend { border: 1px solid gray; padding: 3px; font-size: 70%; text-align: right; }
.legendImage { float: right; margin-left: 5px; }
.legendImage img { max-width: 20px; }
.legendwhite { color: #fefefe; }
.legendcyan { color: #01fbe6; }
.legendgreen { color: #00fd00; }
.legendgold { color: #ffe014; }
.legendclear { clear: both; }